<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="src/css/index1.css">
</head>
<body>
	<div class="nav">
		<div class="nav-left">
			<li><a href="#">豆瓣</a></li>
			<li><a href="#">读书</a></li>
			<li><a href="#">电影</a></li>
			<li><a href="#">音乐</a></li>
			<li><a href="#">同城</a></li>
			<li><a href="#">小组</a></li>
			<li><a href="#">阅读</a></li>
			<li><a href="#">FM</a></li>
			<li><a href="#">时间</a></li>
			<li><a href="#">市集</a></li>
			<li><a href="#">更多</a></li>
		</div>
		<div class="nav-right">
			<li class="regist"><a href="#">注册</a></li>
			<li class="login"><a href="#">登录</a></li>
			<li><a href="#">下载豆瓣客户端</a></li>
		</div>
	</div>
	<div class="search">
		<div class="search-main">
			<ul class="column">
				<li><a href="#">我听</a></li>
				<li><a href="#">音乐人</a></li>
				<li><a href="#">潮潮豆瓣音乐周</a></li>
				<li><a href="#">金羊毛计划</a></li>
				<li><a href="#">专题</a></li>
				<li><a href="#">金羊毛计划</a></li>
				<li><a href="#">排行榜</a></li>
				<li><a href="#">分类浏览</a></li>
				<li><a href="#">乐评</a></li>
				<li><a href="#">豆瓣FM</a></li>
				<li><a href="#">歌单</a></li>
				<li><a href="#">阿比鹿音乐奖</a></li>
			</ul>
			<div class="logo-left">
				<img src="src/images/lg_music_a12_2.png" height="27" width="115" alt="">
			</div>
			<div class="logo-input">
				<form action="">
					<input type="text" class="inp" >
					<div class="sbtn">
						<input type="buttom"  class="btn">
					</div>
				</form>
				<ul class="search-icon">
					<!-- <li class="">
						<img src="src/images/z001.png" alt="">
						<p>音乐人Red的小站&nbsp<span>(音乐人)</span></p>
					</li>
				 -->
				</ul>
			</div>
			<div class="logo-right">
				<img src="src/images/annual_2017.png" height="96" width="186" alt="">
			</div>


		</div>
	</div>
	<script src="src/js/jquery-3.2.1.js"></script>
	<script src="src/js/demo1.js"></script>
</body>
</html>